<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8" />
	<title>南航FTP</title>
	<link rel="stylesheet" type="text/css" href="Public/common.css" />
	<script type="text/javascript" src="Public/jquery-1.10.2.min.js"></script>
</head>
<body id="bb_bg" class="font_family">
<header>
	<input type="text" placeholder="请输入检索关键词，如: PS,霍比特人,大物课件等" id="search_box" />
	<span id="search_button" class="size22 b">搜索</span>
</header>
<section id="selection">
	<a href="#lib" class="sel_nav select" id="sel_lib">资 料</a>
	<a href="#movie" class="sel_nav" id="sel_movie">影 视</a>
	<a href="#music" class="sel_nav" id="sel_music">音 乐</a>
	<a href="#game" class="sel_nav" id="sel_game">游 戏</a> 
	<a href="#soft" class="sel_nav" id="sel_soft">软 件</a>
</section>
<section id="introduction" class="clearfix">
	<aside>
		<h2>最热下载</h2>
		<ul class="size15">
			<li><a href="#">啦啦啦</a></li>
			<li><a href="#">test</a></li>
			<li><a href="#">test</a></li>
			<li><a href="#">test</a></li>
			<li><a href="#">test</a></li>
		</ul>
	</aside>
	<aside>
		<h2>最新资源</h2>
		<ul>
			<li><a href="#">test</a></li>
			<li><a href="#">test</a></li>
			<li><a href="#">test</a></li>
			<li><a href="#">test</a></li>
			<li><a href="#">test</a></li>
		</ul>
	</aside>
	<aside>
		<h2>精品推荐</h2>
		<ul>
			<li><a href="#">test</a></li>
			<li><a href="#">test</a></li>
			<li><a href="#">test</a></li>
			<li><a href="#">test</a></li>
			<li><a href="#">test</a></li>
		</ul>
	</aside>
</section>
<footer class="size12">
	<a href="#">常见问题</a>
	<a href="#">上传技巧</a>
	<a href="#">团队介绍</a>
	<a href="#">加入我们</a>
</footer>
<div id="bg_lib" class="bb_bg_img">
</div>
<div id="bg_game" class="bb_bg_img">
</div>
<div id="bg_movie" class="bb_bg_img">
</div>
<div id="bg_music" class="bb_bg_img">
</div>
<div id="bg_soft" class="bb_bg_img">
</div>

<script>
jQuery(function($){
	var url=window.location.href;
	if(url.indexOf('#')-(-1)>=1){
		var page=url.substring(url.indexOf('#')-(-1));	//获取当前分页：
		if(page!='lib'){
			$('#sel_'+page).addClass('select');
			$('#sel_lib').removeClass('select');
			$('#bg_lib').fadeOut(0);
			$('#bg_'+page).fadeIn(1000);
		}
	}
	else{
		var page='lib';
	}

	$('.sel_nav').click(function(){
		var temp=$(this);
		var now=temp.attr("id").substring(4);
		if(now!=page){
			temp.addClass('select');
			$('#sel_'+page).removeClass('select');
			$('#bg_'+page).fadeOut(1000);
			page=now;	
			$('#bg_'+page).fadeIn(1000);
		}
	});
});
</script>
</body>
</html>